.start-page{
  img{
    width: 600px;
  }
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  .title{
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .subtitle{
    padding: 0 10px;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 15px;
  }
  .describe{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 0;
    >ul{
      justify-content: center;
      flex-wrap: wrap;
      display: flex;
      flex-direction: row;
      li{
        width: 300px;
        span{
          display: block;
          font-size: 20px;
          margin-bottom: 10px;
        }
        p{
          word-wrap: break-word;
          width: 200px;
          font-size: 14px;
        }
      }
    }

    }

}
@media screen and (max-width: 600px){
  .start-page{
    img{
      width: 100vw;
    }
  }
  //.start-page{
  //  .title{
  //    font-size: 30px;
  //    font-weight: 500;
  //    margin-bottom: 20px;
  //  }
  //  .subtitle{
  //    padding: 0 10px;
  //    font-weight: 400;
  //    font-size: 16px;
  //    margin-bottom: 15px;
  //  }
  //}
  .describe{

     li{
       text-align: center;
       display: flex;
       flex-direction: column;
       align-items: center;
     }
  }
}